<template>
	<input type="text" v-model.lazy.number="num"/>
	{{ '差值:' + temp }}
</template>
<script setup>
import { ref, watch } from 'vue'
const num = ref(0)
const temp = ref(0)
// 只要被监听的数据num变化，就会执行回调函数的方法
watch(num, (newVal, oldVal) => {
	// 自己监听到之后的一些操作，发请求
	console.log('新值：' + newVal)
	console.log('旧值：' + oldVal)
	temp.value = newVal - oldVal
}, { deep: false, immediate: false } )
// deep：如果开启，会深度监听，包括对象中的属性变化
// immediate：表示是否立即回调一次
</script>

<style scoped>

</style>